<template>
   <div class="status has-header">
       <banner></banner>
       <user-bar></user-bar>
       <div class="content-list">
           <card mold="quote" v-for="item in items" :key="item"></card>
           <a class="list-link" href="#">显示更多广播</a>
       </div>
       <download-app></download-app>
   </div>
</template>

<script>
import Banner from '../component/Banner.vue';
import UserBar from '../component/UserBar.vue';
import Card from '../component/Card.vue';
import DownloadApp from '../component/DownloadApp.vue'

   export default {
       name: 'status',
       components: { Banner, UserBar, Card, DownloadApp },
       data () {
       return {
           items: new Array(10)
       }
   }
 }
</script>

<style lang="scss" scoped>
    .list-link {
        display: block;
        padding: 1.5rem 0;
        font-size: 1.6rem;
        line-height: 1.8rem;
        text-align: center;
        color: #42bd56;
    }
</style>
